@charset "utf-8";

/* icon */
@font-face {
    font-family: "yunj-icon"; /* Project id 1954410 */
    src: url('../font/iconfont.eot?t=1641264206353'); /* IE9 */
    src: url('../font/iconfont.eot?t=1641264206353#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff2?t=1641264206353') format('woff2'),
    url('../font/iconfont.woff?t=1641264206353') format('woff'),
    url('../font/iconfont.ttf?t=1641264206353') format('truetype'),
    url('../font/iconfont.svg?t=1641264206353#yunj-icon') format('svg');
}

.yunj-icon {
    font-family: "yunj-icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.yunj-icon-sub:before {
    content: "\e600";
}

.yunj-icon-time:before {
    content: "\e8c4";
}

.yunj-icon-category:before {
    content: "\e62f";
}

.yunj-icon-eye:before {
    content: "\e611";
}

.yunj-icon-pen:before {
    content: "\e67b";
}

.yunj-icon-list:before {
    content: "\e646";
}

.yunj-icon-clear:before {
    content: "\e946";
}

.yunj-icon-submit:before {
    content: "\e645";
}

.yunj-icon-back:before {
    content: "\e614";
}

.yunj-icon-refresh:before {
    content: "\e648";
}

.yunj-icon-sort:before {
    content: "\e608";
}

.yunj-icon-sort-circle:before {
    content: "\e650";
}

/* 页面 */

* {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
}

html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    width: 100%;
    min-height: 100%;
    background: #f1f1f1;
}

.x-red {
    color: red;
}

.layui-form-switch {
    margin-top: 0;
}

.layui-input:focus, .layui-textarea:focus {
    border-color: #189f92 !important;
}

.layui-fluid {
    padding: 15px;
}

.layui-col-space15 > * {
    padding-bottom: 0;
}

.yunj-iframe-body {
    position: relative;
}

.yunj-iframe-nav {
    padding: 0 15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    background: #fff;
}

.yunj-popup {
    background: #fff !important;
}

.yunj-popup .yunj-iframe-nav {
    background: #f1f1f1;
    border: 0;
    display: none;
}

.yunj-iframe-content {
    padding: 15px;
    background: #fff;
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
}

.yunj-popup .yunj-iframe-content {
    top: 0;
}

.page {
    text-align: center;
}

.page a {
    display: inline-block;
    background: #fff;
    color: #888;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;

}

.page span {
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}

.page span.current {
    display: inline-block;
    background: #009688;
    color: #fff;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #009688;
}

.page .pagination li {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}

.page .pagination li.active span {
    background: #009688;
    color: #fff;
    border: 1px solid #009688;

}

.yunj-admin-carousel, .layui-carousel, .yunj-admin-carousel > [carousel-item] > * {
    background-color: #fff
}

.yunj-admin-backlog .yunj-admin-backlog-body {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.yunj-admin-backlog-body h3 {
    padding-bottom: 10px;
    font-size: 12px
}

.yunj-admin-backlog-body p cite {
    font-style: normal;
    font-size: 30px;
    font-weight: 300;
    color: #009688
}

.yunj-admin-backlog-body:hover {
    background-color: #CFCFCF;
    color: #888
}

table th, table td {
    word-break: break-all;
}

/*404页面样式*/
.fly-panel {
    margin-bottom: 15px;
    border-radius: 2px;
    /*background-color: #fff;*/
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.fly-none {
    min-height: 600px;
    text-align: center;
    padding-top: 50px;
    color: #999;
}

.fly-none .layui-icon {
    line-height: 300px;
    font-size: 300px;
    color: #393D49;
}

.fly-none p {
    margin-top: 50px;
    padding: 0 15px;
    font-size: 20px;
    color: #999;
    font-weight: 300;
}

@media screen and (max-width: 768px) {

    .mobile-hide {
        display: none !important;
    }

}

/*精细版样式*/

.yunj-admin-sm {
    font-size: 12px;
}

.yunj-admin-sm body {
    font-size: 12px;
}

.yunj-admin-sm select {
    font-size: 12px;
}

.yunj-admin-sm .layui-table td, .yunj-admin-sm .layui-table th {
    font-size: 12px;
}

.yunj-admin-sm .layui-elem-field legend {
    font-size: 18px;
}

.yunj-admin-sm .yunj-admin-backlog-body p cite {
    font-size: 24px;
}

.yunj-admin-sm .left-nav #nav li a cite {
    font-size: 12px;
}

.yunj-admin-sm .iconfont {
    font-size: 14px;
}

.yunj-admin-sm .layui-tab-title li {
    font-size: 12px;
}

.yunj-admin-sm .layui-icon {
    font-size: 14px;
}

.yunj-admin-sm .layui-nav * {
    font-size: 12px;
}

.yunj-admin-sm .layui-breadcrumb > * {
    font-size: 12px;
}

.yunj-admin-sm .layui-breadcrumb a {
    cursor: pointer;
}

.yunj-admin-sm .layui-btn, .yunj-admin-sm .layui-btn-xs, .yunj-admin-sm .layui-btn-sm {
    font-size: 12px;
}

.yunj-admin-sm .layui-laydate {
    font-size: 12px;
}

.yunj-admin-sm .layui-btn-lg {
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    font-size: 14px;
}

.yunj-admin-sm .layui-layer-title, .yunj-admin-sm .layui-layer-dialog .layui-layer-content {
    font-size: 12px;
}

.yunj-admin-sm .layui-input, .yunj-admin-sm .layui-select, .yunj-admin-sm .layui-textarea {
    height: 30px;
}

.yunj-admin-sm .yunj-form-item {
    display: flex;
    flex-wrap: wrap;
}

.yunj-admin-sm .yunj-form-item.yunj-form-hidden {
    margin: 0;
}

.yunj-admin-sm .yunj-form-item.yunj-form-area .yunj-form-item-control {
    display: flex;
}

.yunj-admin-sm .yunj-form-item.layui-form-textarea,
.yunj-admin-sm .yunj-form-item.yunj-form-editor,
.yunj-admin-sm .yunj-form-item.yunj-form-markdown,
.yunj-admin-sm .yunj-form-item.yunj-form-imgs {
    display: flex;
    flex-direction: column;
}

.yunj-admin-sm .yunj-form-item.layui-form-hidden {
    margin: 0;
}

.yunj-admin-sm .yunj-form-item .layui-form-label {
    height: 30px;
    line-height: 14px;
    width: auto;
    min-width: 5%;
    max-width: 35%;
    text-align: right;
}

.yunj-admin-sm .filter-form .yunj-form-item .layui-form-label {
    max-width: 35%;
}

.yunj-admin-sm .yunj-form-item.layui-form-textarea .layui-form-label,
.yunj-admin-sm .yunj-form-item.yunj-form-editor .layui-form-label,
.yunj-admin-sm .yunj-form-item.yunj-form-markdown .layui-form-label,
.yunj-admin-sm .yunj-form-item.yunj-form-imgs .layui-form-label {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    text-align: left;
}

.yunj-admin-sm .yunj-form-item.layui-form-textarea .layui-input-inline,
.yunj-admin-sm .yunj-form-item.yunj-form-editor .layui-input-inline,
.yunj-admin-sm .yunj-form-item.yunj-form-markdown .layui-input-inline,
.yunj-admin-sm .yunj-form-item.yunj-form-imgs .layui-input-inline {
    margin: 0;
    width: 100%;
}

.yunj-admin-sm .yunj-form-item.yunj-form-markdown .editormd {
    margin: 0;
}

.yunj-admin-sm .yunj-form-item.yunj-form-markdown select {
    display: inline-block;
}

.yunj-admin-sm .yunj-form-item .yunj-form-item-control {
    margin: 0;
    flex: 1;
}

/* 单一字段调用使用 */
.yunj-form-item > :first-child.yunj-form-item-control {
    width: 100%;
}

.yunj-admin-sm .yunj-form-item .yunj-input-pane {
    border: 1px solid #e6e6e6;
    border-left: 0;
}

.yunj-admin-sm .yunj-form-item .yunj-form-item-desc {
    width: 100%;
    color: #999;
}

.yunj-admin-sm .layui-form-checkbox span {
    font-size: 12px;
}

.yunj-admin-sm .fly-none .layui-icon {
    line-height: 300px;
    font-size: 300px;
    color: #393D49;
}

/**--------下拉按钮组---------**/
.yunj-dropdown-group {
    display: inline-block;
}

.yunj-dropdown-group .btn-group-control {
    margin-right: 0 !important;
}

.yunj-dropdown-group .btn-group-open:after {
    content: '\e61a';
}

.yunj-dropdown-group .btn-group-retract:after {
    content: '\e619';
}

.yunj-dropdown-group dl {
    display: none;
    position: fixed;
    z-index: 999;
    top: 200px;
    left: 0;
    right: auto;
    white-space: nowrap;
    padding: 5px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #c9c9c9;
    border-radius: 2px;
}

.yunj-dropdown-group dl dd {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
}

.yunj-dropdown-group dl dd:hover {
    color: #009688;
}

/**--------表单---------**/
.yunj-admin-sm .layui-form-radio,
.yunj-admin-sm .layui-form-checkbox {
    margin: 4px 10px !important;
    height: 20px;
    line-height: 20px;
}

.yunj-admin-sm .layui-form-checkbox[lay-skin=primary]{
    min-height: 20px !important;
}

/*默认风格的checkbox*/
.yunj-admin-sm .layui-form-checkbox:not([lay-skin=primary]) i{
    height: 18px !important;
}

.yunj-admin-sm .layui-form-switch {
    margin-top: 2px !important;
}

/**--------表格构建器---------**/
.yunj-table-box #yunj_table_data {
    margin: 0;
}

.yunj-table-box .filter-form {
    display: none;
    flex-wrap: wrap;
}

.yunj-table-box .filter-form-this {
    display: flex;
}

.yunj-table-box .filter-form .filter-form-item-box {
    padding-right: 30px;
}

.yunj-table-box .filter-form .filter-form-layout-control {
    display: none;
    border: none;
    color: #1E9FFF;
}

.yunj-table-box table .layui-btn-container .layui-btn,
.layui-layer .layui-layer-content .layui-table-tips-main .layui-btn {
    margin-bottom: 0;
}

.yunj-table-filter-box{
    padding-bottom: 0;
}

.yunj-table-lay-table-box .layui-table,
.yunj-table-lay-table-box .layui-table-view {
    margin: 0;
}

/**--------表格筛选---------**/
/*屏宽<=768*/
@media screen and (max-width: 768px) {

    .yunj-table-box .filter-form .filter-form-item-box {
        padding-right: 0;
    }

    .yunj-table-box .filter-form .filter-form-layout-control {
        display: inline-block;
    }

    /* 展开 */
    .yunj-table-box .filter-form.filter-form-unfold .filter-form-layout-control:before {
        content: '展开 ';
    }

    .yunj-table-box .filter-form.filter-form-unfold .filter-form-layout-control:after {
        content: '\e61a';
    }

    /* 收起 */
    .yunj-table-box .filter-form.filter-form-stow .filter-form-layout-control:before {
        content: '收起 ';
    }

    .yunj-table-box .filter-form.filter-form-stow .filter-form-layout-control:after {
        content: '\e619';
    }
}

.yunj-table-drag-sort-item {
    font-size: 12px;
    cursor: move;
    display: flex;
    position: relative;
}

.yunj-table-drag-sort-item > i.show {
    margin: auto;
}

.yunj-table-drag-sort-item > i.hide {
    display: none;
    position: absolute;
    left: -15px;
    font-size: 12px;
}

.yunj-table-drag-sort-item:hover > i.hide {
    display: block;
}

.yunj-table-drag-sort-item-checked {
    background-color: #f2f2f2;
}

/* 表格导出提示 */
.yunj-table-export-prompt-box {
    padding: 15px 15px 0 15px;
    display: flex;
}

.yunj-table-export-prompt-box .label,
.yunj-table-export-prompt-box .file-ext {
    line-height: 28px;
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    padding: 0 5px;
}

.yunj-table-export-prompt-box .label {
    border-radius: 2px 0 0 2px;
}

.yunj-table-export-prompt-box .file-ext {
    border-radius: 0 2px 2px 0;
}

.yunj-load-rate {
    min-width: 200px !important;
}

.yunj-load-rate .layui-layer-btn {
    padding: 0;
}

.yunj-load-rate .load-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.yunj-load-rate .layui-icon-loading {
    font-size: 30px !important;
}

.yunj-load-rate .load-tips, .yunj-load-rate .load-rate {
    margin-left: 5px;
}

.yunj-load-progress .load-box .tips-box {
    max-width: 220px;
    word-wrap: break-word;
    word-break: break-all;
}

.yunj-admin-sm .yunj-form-item .layui-form-label .require {
    color: #FF5722;
}

.yunj-form-box .yunj-dropdown-group {
    margin-left: 10px;
}

.yunj-form-box .yunj-dropdown-group .btn-group-control {
    height: 30px;
    line-height: 30px;
}

.yunj-form-box .yunj-form-header .content {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.yunj-form-box .yunj-form-header .content h2 {
    line-height: 30px;
}

.yunj-form-box .layui-tab .layui-tab-content {
    padding: 15px 0 0 0;
}

/* head-fixed 表单头部固定 */
.yunj-form-box.head-fixed .progress,
.yunj-form-box.head-fixed .yunj-form-header,
.yunj-form-box.head-fixed .layui-tab-title,
.yunj-form-box.head-fixed .layui-tab-content {
    margin: 0 15px;
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 1;
}

.yunj-form-box.head-fixed .progress {
    top: 40px;
    height: 10px;
}

.yunj-form-box.head-fixed .yunj-form-header {
    top: 50px;
    z-index: 1; /* 防止移动端操作下拉展开被遮挡 */
}

.yunj-form-box.head-fixed .layui-tab-title {
    top: 100px;
}

.yunj-form-box.head-fixed .layui-tab-content {
    margin: 0;
    padding: 0 15px;
    top: 150px;
    bottom: 0;
    overflow-y: auto;
}

.yunj-popup .yunj-form-box.head-fixed .progress {
    top: 0;
}

.yunj-popup .yunj-form-box.head-fixed .yunj-form-header {
    top: 10px;
}

.yunj-popup .yunj-form-box.head-fixed .layui-tab-title {
    top: 60px;
}

.yunj-popup .yunj-form-box.head-fixed .layui-tab-content {
    top: 110px;
}

/* 单图上传 */
.img-upload-box .img-preview-box {
    position: relative;
    padding: 5px;
    margin-bottom: 10px;
    max-width: 190px;
    border: 1px dashed #e6e6e6 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-upload-box .img-preview-box img {
    height: auto;
    max-width: 100%;
}

.img-upload-box .img-preview-box img:hover {
    cursor: pointer;
}

.img-upload-box .img-preview-box .img-delete-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    font-size: 18px;
    cursor: pointer;
    color: #d2d2d2;
}

.img-upload-box .img-preview-box .img-delete-btn:hover {
    color: #FF5722;
}

.img-upload-box .img-preview-box .img-upload-error-tips {
    background-color: #FF5722;
    color: #fff;
    padding: 2px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.img-upload-box .img-preview-box .layui-progress {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 0;
}

.img-upload-box .img-preview-box .layui-progress-bar {
    border-radius: 0;
}

.img-upload-box .img-select-box {
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    max-width: 200px;
    cursor: pointer;
}

.img-upload-box .img-select-box:hover {
    border-color: #d2d2d2;
}

.img-upload-box .upload-action-elem {
    display: none;
}

/* 多图上传 */
.imgs-upload-box {
    border: 1px solid #e6e6e6;
    display: flex;
}

.imgs-upload-box .imgs-select-box {
    width: 120px;
    height: 120px;
    border-right: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.imgs-upload-box .layui-icon-upload {
    margin-right: 5px;
}

.imgs-upload-box .imgs-preview-box {
    flex: 1;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
}

.imgs-upload-box .imgs-preview-item-box {
    margin: 5px;
    border: 1px dashed #e6e6e6;
    height: 110px;
    width: 110px;
    position: relative;
}

.imgs-upload-box .imgs-preview-item-box img {
    cursor: pointer;
}

.imgs-upload-box .imgs-item-delete-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    font-size: 18px;
    cursor: pointer;
    color: #d2d2d2;
}

.imgs-upload-box .imgs-item-delete-btn:hover {
    color: #FF5722;
}

.imgs-upload-box .imgs-item-prev-btn,
.imgs-upload-box .imgs-item-next-btn {
    position: absolute;
    z-index: 1;
    top: 45px;
    font-size: 18px;
    cursor: pointer;
    color: #d2d2d2;
}

.imgs-upload-box .imgs-item-prev-btn {
    left: 2px;
}

.imgs-upload-box .imgs-item-next-btn {
    right: 2px;
}

.imgs-upload-box .imgs-item-prev-btn:hover,
.imgs-upload-box .imgs-item-next-btn:hover {
    color: #5FB878;
}

.imgs-upload-box .layui-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.imgs-upload-box .imgs-upload-item-error-tips {
    background-color: #FF5722;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgs-upload-box .upload-action-elem {
    display: none;
}

/* 单文件上传 */
.file-upload-box .file-preview-box {
    position: relative;
    max-width: 252px;
    display: flex;
    margin-bottom: 10px;
}

.file-upload-box .file-preview-input {
    border-radius: 0;
}

.file-upload-box .file-preview-action-box {
    display: flex;
}

.file-upload-box .file-preview-action {
    height: 28px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e6e6e6;
}

.file-upload-box .file-preview-action:hover {
    border-color: #d2d2d2 !important;
}

.file-upload-box .file-preview-action:last-child {
    border-radius: 0 2px 2px 0;
}

.file-upload-box .file-select-box {
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    max-width: 250px;
    cursor: pointer;
}

.file-upload-box .img-select-box:hover {
    border-color: #d2d2d2;
}

.file-upload-box .upload-action-elem {
    display: none;
}

/* 多文件上传 */
.files-upload-box .files-preview-box {
    max-width: 252px;
    display: flex;
    flex-direction: column;
}

.files-upload-box .files-preview-item-box {
    display: flex;
    margin-bottom: 10px;
}

.files-upload-box .files-preview-item-input {
    border-radius: 0;
}

.files-upload-box .files-preview-item-action-box {
    display: flex;
}

.files-upload-box .files-preview-item-action {
    height: 28px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e6e6e6;
}

.files-upload-box .files-preview-item-action:hover {
    border-color: #D2D2D2;
}

.files-upload-box .files-preview-item-action:last-child {
    border-radius: 0 2px 2px 0;
}

.files-upload-box .files-select-box {
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    max-width: 250px;
    cursor: pointer;
}

/* 取色器 */
.field-color-box {
    max-width: 202px;
}

.field-color-box .field-color-action-box {
    display: flex;
}

.field-color-box .field-color-action-input {
    cursor: pointer;
    border-radius: 2px 0 0 2px;
}

.field-color-box .field-color-action-show {
    height: 30px;
    width: 34px;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    background: #000;
}

/* 树 */
.yunj-form-tree .yunj-form-item-control {
    position: relative;
}

.yunj-form-tree .show-box {
    height: 28px;
    border-radius: 0 2px 2px 0;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.yunj-form-tree .show-box:hover {
    border-color: #D2D2D2;
}

.yunj-form-tree .show-box > .layui-icon {
    font-size: 16px;
    color: #c2c2c2;
}

.yunj-form-tree .show-box > .txt-box {
    height: 28px;
    line-height: 28px;
    flex: 1;
}

.yunj-form-tree .filter-box {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 899;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 2px;
}

.yunj-form-tree .filter-box .filter-tree {
    margin: 0;
    border: 0;
    background: none;
    width: 100%;
    height: initial;
    max-height: 300px;
    overflow-y: auto;
}

/* 下拉搜索框 */
.yunj-form-dropdown-search .yunj-form-item-control {
    position: relative;
}

.yunj-form-dropdown-search .show-box {
    height: 28px;
    border-radius: 0 2px 2px 0;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.yunj-form-dropdown-search .show-box:hover {
    border-color: #D2D2D2;
}

.yunj-form-dropdown-search .show-box > .layui-icon {
    font-size: 16px;
    color: #c2c2c2;
}

.yunj-form-dropdown-search .show-box > .items-box {
    height: 28px;
    flex: 1;
    width: 0;
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.yunj-form-dropdown-search .show-box .item {
    height: 22px;
    margin-right: 5px;
    padding: 0 5px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.yunj-form-dropdown-search .show-box .item:hover {
    border-color: #D2D2D2;
}

.yunj-form-dropdown-search .show-box .item-txt {
    flex: 1;
}

.yunj-form-dropdown-search .show-box .item-remove {
    color: #e6e6e6;
    margin-bottom: -2px;
}

.yunj-form-dropdown-search .show-box .item-remove:hover {
    color: #FF5722;
}

.yunj-form-dropdown-search .filter-box {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 899;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 2px;
}

.yunj-form-dropdown-search .filter-box > :first-child {
    margin-bottom: 5px;
}

.yunj-form-dropdown-search .filter-box > .layui-input {
    border: 0 solid #d2d2d2;
    border-radius: 0;
}

.yunj-form-dropdown-search .filter-box > .items-box {
    max-height: 300px;
    overflow-y: auto;
}

.yunj-form-dropdown-search .filter-box > .items-box dd {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.yunj-form-dropdown-search .filter-box > .items-box dd:hover {
    background-color: #f2f2f2;
}

.yunj-form-dropdown-search .filter-box > .items-box dd.active {
    background-color: #5FB878;
    color: #fff;
}

/* 元素进度条 */
.yunj-elem-progress, .yunj-elem-progress .yunj-elem-progress-bar {
    height: 2px;
}

@media screen and (max-width: 450px) {

    .yunj-form-box .yunj-form-header .content h2 {
        display: none !important;
    }

    .yunj-form-box.head-fixed .layui-tab-title {
        top: 91px;
    }

    .yunj-popup .yunj-form-box.head-fixed .layui-tab-title {
        top: 51px;
    }

    .yunj-admin-sm .yunj-form-item .layui-form-label {
        max-width: 45%;
    }

    .layui-form-item .layui-input-inline {
        left: 0;
        margin: 0 10px 10px 0;
    }

    /* 单图、单文件、多文件 */
    .img-upload-box .img-preview-box, .img-upload-box .img-select-box,
    .file-upload-box .file-preview-box, .file-upload-box .file-select-box,
    .files-upload-box .files-preview-box, .files-upload-box .files-select-box,
    .field-color-box {
        max-width: 100%;
    }

}

/* 表格事件日期表头 */
.templet-item-box .table-row-datetime {
    cursor: pointer;
}

/* 表格单图预览 */
.templet-item-box .table-row-img {
    height: 28px;
    cursor: pointer;
}

/* 表格多图预览 */
.templet-item-box .table-row-imgs-item {
    height: 28px;
    cursor: pointer;
    display: inline-block;
}

/* 表格单文件表头 */
.templet-item-box .table-row-file a {
    color: #01AAED;
}

.templet-item-box .table-row-file a:hover {
    color: #5FB878;
}

/* 表格多文件表头 */
.templet-item-box .table-row-files a {
    color: #01AAED;
}

.templet-item-box .table-row-files a:hover {
    color: #5FB878;
}

/* 表格颜色表头 */
.templet-item-box .table-row-color {
    padding-left: 5px;
    border: 0;
    border-left: 10px solid;
    color: #c2c2c2;
    cursor: pointer;
}

/* 表格地区表头 */
.templet-item-box .table-row-area {
    cursor: pointer;
}

/* 主题 */
.theme-box {
    height: 100%;
    overflow-y: auto;
}

.theme-box li {
    margin: 10px;
    height: 90px;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #f2f2f2;
    position: relative;
}

.theme-box li.active {
    border-color: #999;
}

.theme-box li:hover {
    border-color: #999;
}

.theme-box li .t {
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.theme-box li .l {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 40px;
}